line-heightfont-size

首先在設定文字大小為20px，

是用百分比來做設定，而

則是用「em」這個單位。,2016年3月8日—要說font-size也是因為預設line-height=font-size*1.2;使用inherit時，用百分比效能較差，用數值最佳;font-size:12px,line-height:0在只有 ...,2023年7月7日—Theline-heightCSSpropertysetstheheightofalinebox.It'scommonlyusedtosetthedistancebetweenlinesoftext.,Lineheightistheverticaldistanceb...

參考資訊如下
CSS 教學– 基本文字設定: font-size 與line-height

首先在<body> 設定文字大小為20px，<h1>是用百分比來做設定，而<h2>則是用「em」這個單位。

line

2016年3月8日 — 要說font-size 也是因為預設line-height = font-size * 1.2; 使用inherit 時，用百分比效能較差，用數值最佳; font-size: 12px, line-height: 0 在只有 ...

line-height - CSS: Cascading Style Sheets

2023年7月7日 — The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text.

Line height & leading

Line height is the vertical distance between two lines of type, measured from the baseline of one line of type to the baseline of the next.

Choosing a suitable line height

In fact, for display type, a line height smaller than the type size will usually look better. Consider 72px type with a line height of between 90% and 100%.

深入CSS 之line

2010年9月1日 — 寫法是 line-height:1.8; ，行高會依照(該元素設定的文字大小x 1.8)的結果作計算。 簡單來說，你的數字設定多少，行高就會乘以多少。

font-size vs line-height

2023年9月2日 — The `line-height` property controls the amount of space between lines of text. You can specify it as a multiple of the font-size, like `1.5` , ...

font-size vs line

2016年12月26日 — Line-height defines div height, unless line-height is very small, in which case the font-size will define the size.

Web Readability

2023年3月13日 — The line height should also be proportional and balanced for your font size - a common range is between 1.2 and 1.5 times the font size.

Balancing Line Length And Font Size In Responsive Web ...

2014年9月29日 — While there is no perfect line height, a good rule of thumb is to set it at approximately 150% of the font size. 14-tight-height-preview-opt